<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>xm</title>
		<link rel="stylesheet" type="text/css" href="xm.css">
		<script>
			function span1()
			{
				// window.open('https://www.baidu.com/');
				window.location.href="http://www.mi.com/";		
			}
		</script>
	</head>
	<body>
	<!-- 导航栏 -->
		<div class="box1">
			<div class="box2">
				<div class="box3">
					<span onclick="span1();" class="span1"> 小米商城</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">MIUI</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">米聊</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">游戏</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">多看阅读</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">云服务</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">金融</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">小米网移动版</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">问题反馈</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">Select Region</span>

				</div>
				
					<div class="box4">
						<span class="span2">
						<img src="imgs/2.png" alt="haha" class="img1">
						<img src="imgs/22.png" alt="haha" class="img11">
						购物车（0）
					</span>
					</div>
				

				<div class="box5">
					<span onclick="span1();" class="span1">登录</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">注册</span>
					<span class="span3">|</span>
					<span onclick="span1();" class="span1">消息通知</span>
				</div>

			</div>
		</div>
<!-- 第一行 -->
		<div class="box6">
			<div class="box66">
				<div class="box666">
					<img src="imgs/1.png" alt="haha" class="img2">
					<div>
						<img src="imgs/2.gif" alt="haha" class="img3">

					</div>
				</div>

				<div class="box7">
					<ul class="ul-1">
						<li class="li-1">
							<div class="box77">
								<ul class="ul-2">
									<li class="li-11">
										<a href="" class="a1">手机 电话卡
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">笔记本 平板
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">电视 盒子
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">路由器 智能硬件
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">移动电源 电池 插线板
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">耳机 音箱
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">保护套 贴膜
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>
									<li class="li-11">
										<a href="" class="a1">线材 支架 存储卡
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">箱包 服饰
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>

									<li class="li-11">
										<a href="" class="a1">米兔 生活周边
										<img src="imgs/4.png" alt="haha" class="img4">
										<img src="imgs/44.png" alt="haha" class="img44">
										</a>
										
									</li>	
								</ul>
							</div>	
						</li>


						<li class="li-2">
							<span class="span3">小米手机</span>
						</li>
						<li class="li-3">
							<span class="span3">红米</span>
						</li>
						<li class="li-4">
							<span class="span3">平板 笔记本</span>
						</li>
						<li class="li-5">
							<span class="span3">电视</span>
						</li>
						<li class="li-6">
							<span class="span3">盒子 影音</span>
						</li>
						<li class="li-7">
							<span class="span3">路由器</span>
						</li>
						<li class="li-8">
							<span class="span3">智能硬件</span>
						</li>
						<li class="li-9">
							<span class="span3">服务</span>
						</li>
						<li class="li-10">
							<span class="span3">社区</span>
						</li>
					
					</ul>

				</div>
	<!-- 搜索框 -->

				<div class="box8">
					<form class="f1">
					<img src="imgs/3.png" alt="haha" class="img5">
					<input type="search" class="input1" placeholder=" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小米MIX &nbsp;人工智能电视">


					</form>
				</div>
			</div>

<!-- 大图 -->
			<div class="box9">
				<img src="imgs/5.png" alt="haha" class="img6">

			</div>

<!-- 中上部 -->
			<div class="box10">
				<ul class="ul-3">
					<li class="sf">
						<a href="" class="a2">
							<img src="imgs/6.png" alt="haha" class="img7">
							<br/>
							选购手机
						</a>
					</li>
					<li class="sf">
						<a href="" class="a2">
							<img src="imgs/7.png" alt="haha" class="img7">
							<br/>
							企业团购
						</a>
					</li>
					<li class="sf">
						<a href="" class="a2">
							<img src="imgs/8.png" alt="haha" class="img7">
							<br/>
							官翻产品
						</a>
					</li>
					<li class="sf">
						<a href="" class="a2">
							<img src="imgs/9.png" alt="haha" class="img7">
							<br/>
							小米移动
						</a>
					</li>
					<li class="sf">
						<a href="" class="a2">
							<img src="imgs/10.png" alt="haha" class="img7">
							<br/>
							以旧换新
						</a>
					</li>
					<li class="sf">
						<a href="" class="a2">
							<img src="imgs/11.png" alt="haha" class="img7">
							<br/>
							话费充值
						</a>
					</li>
				</ul>

			</div>

<!-- 三图 -->
			<div class="tu">
				<ul class="ul-4">
					<li class="li-tu">
						<img src="imgs/tu1.jpg" alt="haha" class="img8">
					</li>
					<li class="li-tu">
						<img src="imgs/tu2.jpg" alt="haha" class="img8">
					</li>
					<li class="li-tu">
						<img src="imgs/tu3.jpg" alt="haha" class="img8">
					</li>
				</ul>
			</div>



	<!-- 中部商品 -->
			<div class="div1">
				<div>
					<div class="div2">
						<h2 class="h">小明星单品</h2>

					</div>


					<div class="div3">
						<div>
							<div class="tu4">
								<img src="imgs/hm.png" alt="haha" class="img9">
								<br/>
								<br/>
								<p class="p1">红米Note4</p>
								<p class="p2">十核旗舰处理器，一体化全金属机身</p>
								<P class="p3">999元起</P>
							</div>

							<div class="tu4" style="border-color:#83C44E">
								<img src="imgs/hz.jpg" alt="haha" class="img9">
								<br/>
								<br/>
								<p class="p1">小米盒子3 增强版</p>
								<p class="p2">高端 4k 网络机顶盒</p>
								<P class="p3">399元</P>
							</div>


							<div class="tu4" style="border-color:#2196F3">
								<img src="imgs/lyq.png" alt="haha" class="img9">
								<br/>
								<br/>
								<p class="p1">小米路由器3</p>
								<p class="p2">更快更强，不止四天线</p>
								<P class="p3">149元</P>
							</div>

							<div class="tu4" style="border-color:#E63935">
								<img src="imgs/pb.png" alt="haha" class="img9">
								<br/>
								<br/>
								<p class="p1">小米平板2 16GB现货</p>
								<p class="p2">轻薄全金属，海量内存</p>
								<P class="p3">999元</P>
							</div>


							<div class="tu4" style="border-color:#00C1A6">
								<img src="imgs/cp.jpg" alt="haha" class="img9">
								<br/>
								<br/>
								<p class="p1">小米体重秤</p>
								<p class="p2">100克，喝杯水都可感知的精准</p>
								<P class="p3">99元</P>
							</div>





						</div>
					</div>
				</div>
			</div>

<!-- 下面部分 -->
			<div class="div4">
				<div class="div44">
					<div class="div444">

						<h2 class="h2">智能硬件</h2>

					</div>


					<div class="div5">
						<img src="imgs/55.png" alt="haha" style="height:616px" class="img10">

					</div>







					<div class="div6">
						<div class="tu5">
							<img src="imgs/dfg.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">米家压力IH电饭煲</p>
							<p class="p2">智能烹饪，灰铸铁粉体涂层内胆</p>
							<P class="p3">999元</P>
						</div>

						<div class="tu5">
							<img src="imgs/qqq.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">小米净水器（厨下式）</p>
							<p class="p2">RO反渗透直出纯净水，隐藏安装</p>
							<P class="p3">1999元</P>
						</div>



						<div class="tu5">
							<img src="imgs/td.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">米家飞利浦智能台灯二代</p>
							<p class="p2">感知环境光，主动优化场景照明</p>
							<P class="p3">199元</P>
						</div>

						<div class="tu5">
							<img src="imgs/dc.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">小米米家电动滑板车</p>
							<p class="p2">极简几何设计，1分钟轻松上手</p>
							<P class="p3">1999元</P>
						</div>

						<div class="tu6">
							<img src="imgs/gsj.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">米兔智能故事机</p>
							<p class="p2">微信远程互动，智能语音交互</p>
							<P class="p3">199元</P>
						</div>

						<div class="tu6">
							<img src="imgs/sdj.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">米家扫地机器人</p>
							<p class="p2">远程智能控制，扫的干净</p>
							<P class="p3">1699元</P>
						</div>

						<div class="tu6">
							<img src="imgs/xmhz.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">小米盒子mini版（礼品装）</p>
							<p class="p2">&nbsp;</p>
							<P class="p3">179元  <s class="s">199元</s></P>
						</div>

						<div class="tu6">
							<img src="imgs/sxt.jpg" alt="haha" class="img9">
							<br/>
							<br/>
							<p class="p1">米家小白智能摄像头</p>
							<p class="p2">360全景拍摄，1080p高清摄像</p>
							<P class="p3">399元</P>
						</div>

					</div>

						







				</div>



			</div>




		</div>

		
	</body>
</html>